/*
 This file 'datepicker' is part of Firebird Integrated Solution 1.0

 Copyright (c) 2015 Lincong

 Contact:  
        Email: lincong1987@gmail.com

        QQ: 159257119
 
 See Usage at http://www.jplatformx.com/firebird

 Create date: 2015-02-11 23:39
 */

.WdateDiv {
    position: relative;
    width: 190px;
    font-size: 12px;
    color: #333;
    border: solid 1px #DEDEDE;
    background-color: #F2F0F1;
    padding: 5px;
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
}

.WdateDiv2 {
    width: 360px;
}

.WdateDiv .NavImg a, .WdateDiv .yminput, .WdateDiv .yminputfocus, .WdateDiv #dpQS {
    background: url(img.gif) no-repeat;
}

.WdateDiv {
    .NavImg {
	a {
	    float: left;
	    width: 16px;
	    height: 16px;
	    cursor: pointer;
	}
    }
    
    .NavImgll {
	a {
	    background-position: 0 5px;
	}
    }
    
    .NavImgl {
	a {
	    background-position: 0 -10px;
	}
    }
    .NavImgr {
	a {
	    background-position: 0 -25px;
	    float: right;
	}
    }
    
    .NavImgrr {
	a {
	    background-position: 0 -40px;
	    float: right;
	}
    }
    
    #dpTitle {
	line-height: 0;
	height: 23px;
	padding: 3px 0 0;
    }
    
    .yminput,
    .yminputfocus {
	margin-left: 3px;
	width: 50px;
	height: 20px;
	line-height: 16px;
	border: solid 1px #F2F0F1;
	cursor: pointer;
	background-position: 35px -68px;
    }
    
    .yminputfocus {
	background-color: #fff;
	border: solid 1px #D8D8D8;
    }
    .menuSel {
	z-index: 1;
	position: absolute;
	background-color: #FFF;
	border: #A3C6C8 1px solid;
	display: none;
    }
    .menu {
	background: #fff;
    }
    
    .menuOn {
	color: #fff;
	background: #64A3F3;
    }
    .MMenu,
    .YMenu {
	margin-top: 20px;
	margin-left: -1px;
	width: 68px;
	border: solid 1px #D9D9D9;
	padding: 2px;
    }
}

.WdateDiv .MMenu table,
.WdateDiv .YMenu table {
    width: 100%;
}

.WdateDiv .MMenu table td,
.WdateDiv .YMenu table td {
    line-height: 20px;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
    padding: 0;
}

.WdateDiv {
    .Wweek {
	text-align: center;
	background: #DAF3F5;
	border-right: #BDEBEE 1px solid;
    }
    td {
	line-height: 20px;
	font-size: 12px;
	color: #999;
	background: #fff;
	cursor: pointer;
	padding: 1px;
    }
    .MTitle td {
	line-height: 24px;
	color: #7D7D7D;
	background: #F2F0F1;
	cursor: default;
    }
    .WdayTable2 {
	border-collapse: collapse;
	border: gray 1px solid;
	table {
	    border: 0;
	}
    }
    .WdayTable {
	line-height: 20px;
	color: #13777e;
	background-color: #edfbfb;
    }
    .WdayTable {
	td {
	    text-align: center;
	}
    }
    .Wday {
	color: #323232;
    }
    .Wwday {
	color: #65A4F3;
    }
    .Wtoday {
	color: #FF6D10;
	background: #E0EDFE;
    }
    .WspecialDay {
	background-color: #66F4DF;
    }
    .WotherDay {
	color: #D4D4D4;
    }
    
    #dpTime {
	position: relative;
	margin-top: 5px;
	#dpTimeStr {
	    display: inline-block;
	    width: 30px;
	    color: #7d7d7d;
	}
	input {
	    width: 25px;
	    height: 20px;
	    line-height: 20px;
	    text-align: center;
	    color: #333;
	    border: #D9D9D9 1px solid;
	    margin: 0;
	    padding: 0;
	}
	.tm {
	    width: 7px;
	    border: none;
	    background: #F2F0F1;
	}
    }
    
    #dpControl {
	text-align: right;
	margin-top: 3px;
    }
    
    #dpQS {
	float: left;
	margin-right: 3px;
	margin-top: 6px;
	width: 16px;
	height: 16px;
	cursor: pointer;
	background-position: 0 -90px;
    }
    .dpButton {
	margin-left: 2px;
	line-height: 16px;
	width: 45px;
	background-color: #64A3F3;
	color: #fff;
	border: none;
	cursor: pointer;
	border-radius: 3px;
	margin-top: 2px;
	&:hover {
	    background-color: #64A3F3;
	}
    }
}

.WdateDiv .hhMenu, .WdateDiv .mmMenu, .WdateDiv .ssMenu {
    position: absolute;
    font-size: 12px;
    color: #333;
    border: solid 1px #DEDEDE;
    background-color: #F2F0F1;
    padding: 3px;
}

.WdateDiv #dpTime .menu, .WdateDiv #dpTime .menuOn {
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    background: #fff;
}

.WdateDiv #dpTime .menuOn {
    background: #1890ff;
}

.WdateDiv #dpTime td {
    background: #F2F0F1;
}

.WdateDiv .hhMenu {
    top: -87px;
    left: 32px;
}

.WdateDiv .mmMenu {
    top: -47px;
    left: 32px;
}

.WdateDiv .ssMenu {
    top: -27px;
    left: 32px;
}

.WdateDiv .invalidMenu, .WdateDiv .WinvalidDay {
    color: #aaa;
}

.WdateDiv .WdayOn, .WdateDiv .WwdayOn, .WdateDiv .Wselday, .WdateDiv .WotherDayOn {
    background-color: #1890ff;
    color: #fff;
}

.WdateDiv #dpTime #dpTimeUp, .WdateDiv #dpTime #dpTimeDown {
    display: none;
}